<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{time | dateFormat('yyyy-MM-dd')}}</text>
		</view>
    <view class="box u-line-1">{{ title }}</view>
	</view>
</template>

<script>
  import { pagingMixin } from '@/tools/pagingMixin.js'; 
  import { insertSMSCode } from '@/api/common.js';
	export default {
    mixins:[pagingMixin],
		data() {
			return {
        title: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat fugit recusandae dolorum exercitationem eligendi earum ex maiores nam sed rerum explicabo quos sint, magni modi commodi enim incidunt hic repudiandae?',
        time: '',
        page: 2,
			}
		},
		onLoad() {
      this.time = new Date().getTime();
      this.getData();
      console.log(this.vx_systemInfo);
		},
		methods: {
      async getData () {
        try {
          // await insertSMSCode({
          //   phone: '*****'
          // });
        } catch(e) {
          console.log(e);
        }
      },
      async getPagingList(isRefresh) {
        try {
          const res = {
            total: 22,
            lists: [1, 2, 3, 4, 5]
          }
          this.resHandlerInMixin(res, v => v, isRefresh);
        } catch(e) {
          console.log(e);
          uni.stopPullDownRefresh();
        }
      }
		}
	}
</script>

<style lang="scss" scoped>
  .box {
    height: 100rpx;
  }
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
